<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML5 技术介绍</title>
    <style>
        /* 设置背景色为pink */
        * {
            background-color: pink;

        }

        /* 设置上下页字体的大小为25px */
        a {
            font-size: 25px;
            text-decoration: none;
        }

        /* 设置标题居中 */
        h2 {
            text-align: center;
        }

        /* 图片等比例缩小25% */
        img {
            width: 25%;
            /* float: left; */
        }

        /* ul li {
            text-align: right;
        } */
        /* 设置文字右侧浮动 */
        .neirong {
            float: right;
            /* margin-right: 330px; */
        }

        /* 定义li里面的文字为25px，上外边距为37px */
        .neirong ul li {
            font-size: 25px;
            margin-top: 37px;
        }

        /* 上下页链接的上外边距为10px */
        .lianjie {
            margin-top: 10px;
        }

        /* 定义下一页标签右对齐 */
        .lianjier {
            text-align: right;
            /* float: right; */
        }
    </style>
</head>

<body>
    <h2>HTML5 技术介绍</h2>
    <hr>
    <img src="html5.jpg" alt="" title="HTML5">
    <div class="neirong">
        <ul>
            <li>HTML5规范于2014年10月29日有万维网联盟正式宣布，HTML是万维网最核心的超文本标记语言。</li><br>
            <li>HTML5是定义HTML标准的最新版本，具有新的元素和行为，和属性。</li><br>
            <li>HTML5的设计目是在移动设备上支持多媒体。</li><br>
            <li>随着移动通信技术的快速发展，HTML5成为主流。</li>
        </ul>
    </div>
    <hr>
    <div class="lianjie">
        <a href="index.html"> < 上一页 </a>
    </div> 
    <div class="lianjier">
        <a href="page2.html"> 下一页 > </a>
    </div>

</body>

</html>